<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>call520</title>

<!--图标库-->
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css'>

<link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/normalize.css">

</head>
<body>

<div class='pages'>
    <input id='one' name='trigger' type='radio'>
    <input id='two' name='trigger' type='radio'>
    <input id='three' name='trigger' type='radio'>
    <input id='four' name='trigger' type='radio'>
    <div class='pages_page'>
      <div class='pages_page__inner'>
        <div class='logo'>FENGXUEWUGOULOU.COM</div>
        <div class='pagenumber'>1 2</div>
        <div class='content'>
          <div class='content_center'>
            <h4>少 侠 ,<BR />你 来 了 !</h4>
          </div>
        </div>
      </div>
    </div>
    <div class='pages_page'>
      <div class='pages_page__inner'>
        <div class='content'>
          <div class='content_center right'>
            <h4>少 侠 ,<BR />你 来 了 !</h4>
          </div>
          <div class='overlay'></div>
        </div>
        <div class='control next'>
          <label for='two'></label>
        </div>
      </div>
    </div>
    <div class='pages_page'>
      <div class='pages_page__inner'>
        <div class='logo'>FENGXUEWUGOULOU.COM</div>
        <div class='pagenumber'>2 3</div>
        <div class='control'>
          <label for='one'></label>
        </div>
        <div class='content'>
          <div class='content_picture'> <img src='img/图片4.jpg'> </div>
          <div class='content_offset'>
            <h2>甜蜜</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a imperdiet sapien. Nunc vehicula lorem neque, eu rutrum sapien posuere ut. Nunc eget ullamcorper turpis. Sed in vehicula magna, vitae eleifend velit. Donec dui turpis, viverra vitae lobortis commodo, lobortis et ex.</p>
          </div>
          <h1> 
			  <span>L</span> 
			  <span>o</span>
			  <span>o</span> 
			  <span>k</span> 
			  <span>&nbsp;</span> 
			  <span>a</span> 
			  <span>t</span>
			  <span>&nbsp;</span>
			  <span>t</span> 
			  <span>h</span> 
			  <span>i</span> 
			  <span>s</span> 
			  <span>&nbsp;</span> 
			  <span>a</span> 
			  <span>w</span> 
			  <span>e</span> 
			  <span>s</span> 
			  <span>o</span> 
			  <span>m</span> 
			  <span>e</span> 
			  <br>
            <span>h</span> 
			  <span>e</span> 
			  <span>a</span> 
			  <span>d</span> 
			  <span>l</span> 
			  <span>i</span> 
			  <span>n</span> 
			  <span>e</span> 
			  <span>&nbsp;</span> 
			  <span>r</span> 
			  <span>i</span> 
			  <span>g</span> 
			  <span>h</span> 
			  <span>t</span> 
			  <span>&nbsp;</span> 
			  <span>h</span> 
			  <span>e</span> 
			  <span>r</span> 
			  <span>e</span> 
			</h1>
        </div>
      </div>
    </div>
    <div class='pages_page'>
      <div class='pages_page__inner'>
        <div class='hamburger'>
          <div class='hamburger_part'></div>
          <div class='hamburger_part'></div>
          <div class='hamburger_part'></div>
        </div>
        <div class='control next'>
          <label for='three'></label>
        </div>
        <div class='bg'></div>
        <div class='content'>
          <div class='content_quote'>
            <h5> <span class='quo'> <i>"</i> </span> <span>一个请帖</span> <span>来自</span> <span class='name'>风雪无垢楼主</span> <span class='auth'>- 2019年8月</span> <span class='quo'>"</span> </h5>
          </div>
          <div class='content_picture'> <img src='img/图片4.jpg'> </div>
          <h1> <span>L</span> <span>o</span> <span>o</span> <span>k</span> <span>&nbsp;</span> <span>a</span> <span>t</span> <span>&nbsp;</span> <span>t</span> <span>h</span> <span>i</span> <span>s</span> <span>&nbsp;</span> <span>a</span> <span>w</span> <span>e</span> <span>s</span> <span>o</span> <span>m</span> <span>e</span> <br>
            <span>h</span> <span>e</span> <span>a</span> <span>d</span> <span>l</span> <span>i</span> <span>n</span> <span>e</span> <span>&nbsp;</span> <span>r</span> <span>i</span> <span>g</span> <span>h</span> <span>t</span> <span>&nbsp;</span> <span>h</span> <span>e</span> <span>r</span> <span>e</span> </h1>
        </div>
      </div>
    </div>
    <div class='pages_page'>
      <div class='pages_page__inner'>
        <div class='logo'>FENGXUEWUGOULOU.COM</div>
        <div class='pagenumber'>4 5</div>
        <div class='content'>
          <div class='content_center'>
            <h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h4>
            <h6>Lorem ipsum dolor sit amet</h6>
          </div>
        </div>
        <div class='control'>
          <label for='two'></label>
        </div>
      </div>
    </div>
    <div class='pages_page'>
      <div class='pages_page__inner'>
        <div class='hamburger'>
          <div class='hamburger_part'></div>
          <div class='hamburger_part'></div>
          <div class='hamburger_part'></div>
        </div>
        <div class='control next'>
          <label for='four'></label>
        </div>
        <div class='bg'></div>
        <div class='content_centerimage'> <img src='img/图片6.jpg'> </div>
        <div class='content'>
          <div class='content_center right'>
            <h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h4>
            <h6>Lorem ipsum dolor sit amet</h6>
          </div>
        </div>
      </div>
    </div>
    <div class='pages_page'>
      <div class='pages_page__inner'>
        <div class='logo'>FENGXUEWUGOULOU.COM</div>
        <div class='pagenumber'>6 7</div>
        <div class='content'>
          <div class='content_section'>
            <h2>Super</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a imperdiet sapien. Nunc vehicula lorem neque, eu rutrum sapien posuere ut. Nunc eget ullamcorper turpis. Sed in vehicula magna, vitae eleifend velit.</p>
          </div>
          <div class='content_section'>
            <h2>Awesome</h2>
            <p>1, consectetur adipiscing elit. Donec a imperdiet sapien. Nunc vehicula lorem neque, eu rutrum sapien posuere ut. Nunc eget ullamcorper turpis. Sed in vehicula magna, vitae eleifend velit.</p>
          </div>
          <div class='content_section'>
            <h2>Great</h2>
            <p>2, consectetur adipiscing elit. Donec a imperdiet sapien. Nunc vehicula lorem neque, eu rutrum sapien posuere ut. Nunc eget ullamcorper turpis. Sed in vehicula magna.</p>
          </div>

        </div>
        <div class='control'>
          <label for='three'></label>
        </div>
      </div>
    </div>
    <div class='pages_page'>
      <div class='pages_page__inner'>
        <div class='hamburger' style="height: 80%;width: 80%">
            <div style="height: 60%">

            </div>
            <div>
            <form>
                <table  width="90%" align="center">
                    <tr><td align="left"><div style="border:solid 5px red;width: 158px "><input type="text" placeholder="账号"  name="id" id="id1" onblur="nb()"  style="width:150px; height:30px; border: 0; background-color: transparent;color:blue;font-size: 20px"></div></td></tr>
                    <tr><td id="d1" align="center"></td></tr>
                    <tr><td align="right"><div style="border:solid 5px red; width: 158px"><input type="password" placeholder="密码" id="pwd1" name="mima" onblur="nb()"  style="width:150px;height: 30px; border: 0;background-color: transparent; color:blue;font-size: 20px"></div></td></tr>
                </table>
            </form>
        </div>
        </div>
        <div class='bg'></div>
        <div class='content'></div>




          </div>


              </div>
      </div>
    </div>
        <script>
            function nb() {
                var id1=document.getElementById("id1").value;
                var pwd1=document.getElementById("pwd1").value;
                if (id1 && pwd1) {
                    var e = document.getElementById("d1");
                    e.innerHTML="<input type=image src='img/3.png' height='150'>";
                }else{
                    var e = document.getElementById("d1");
                    e.innerHTML="<img src='img/2.png' height='150px'>";
                }
            }

            nb();
        </script>

</body>
</html>